// pages/recipe/recipe.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    id:null,
    recipe:null,
    tan:'',
    dan:'',
    zhi:'',
    messarr: [{
      // car碳水化合物
      color: '#464af8',
      num: '',
      flownum: '',
    },
    // fat脂肪
    {
      color: '#ff6262',
      num: '',
      flownum: '',
    },
    // pr蛋白质
    {
      color: '#f7c11b',
      num: '',
      flownum: '',
    }
  ],
  user_id:null
  },
  confirm(){
    let menu_id=this.data.id;
    let user_id=this.data.user_id;
    console.log(this.data.user_id);
    wx.request({
      method:"POST",
      url: 'http://127.0.0.1:8080/record/submit?menu_id='+menu_id+'&user_id='+user_id,
      success:res=>{
        console.log(res.data);
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) { 
    wx.getStorage({
      key: 'userid',
      success:res=> {
        console.log(res.data);
        this.setData({
          user_id:res.data
        })
      }
    })
    this.setData({
      id:options.menu_id
    })
    wx.request({
      method:"GET",
      url: 'http://127.0.0.1:8080/recipes/menu/'+options.menu_id,
      success:res=>{
        // console.log(res.data[0]);
        this.setData({
          recipe:res.data[0]
        })
        console.log(this.data.recipe)
        let arr=[{ color: '#464af8',
        num: '',
        flownum: ''},{color: '#ff6262',
        num: '',
        flownum: ''},{color: '#f7c11b',
        num: '',
        flownum: ''}];
        let car=this.data.recipe.menu_car;
        let fat=this.data.recipe.menu_fat;
        let pr=this.data.recipe.menu_pr;
        let tan=parseInt(100*(car/(fat+pr)));
        let zhi=parseInt(100*(fat/(car+pr)));
        let dan=parseInt(100*(pr/(fat+car)));
        this.setData({
          tan:tan,
          dan:dan,
          zhi:zhi
        })
        arr[0].num=car;
        arr[0].flownum=car;
        arr[1].num=fat;
        arr[1].flownum=fat;
        arr[2].num=pr;
        arr[2].flownum=pr;
        console.log(arr);
        this.setData({
          messarr:arr
        })
        


      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    // 初始化
		const ctx = wx.createCanvasContext('Canvas');
		// 设置圆点 x  y   中心点
		let number = {
			x: 68,
			y: 68
		};
		// 获取数据 各类项的个数
		let term = this.data.messarr;
		let termarr = [];
		for (let t = 0; t < term.length; t++) {
			// flownum
			let thisterm = Number(term[t].flownum)
			let thiscolor = term[t].color
			termarr.push({
				data: thisterm,
				color: thiscolor
			})
		}
		console.log(termarr)
		// 设置总数
		let sign = 0;
		for (var s = 0; s < termarr.length; s++) {
			sign += termarr[s].data
		}
		//设置半径 
		let radius = 60;
		for (var i = 0; i < termarr.length; i++) {
			var start = 0;
			// 开始绘制
			ctx.beginPath()
			if (i > 0) {
				for (var j = 0; j < i; j++) {
					start += termarr[j].data / sign * 2 * Math.PI
				}
			}
			var end = start + termarr[i].data / sign * 2 * Math.PI
			ctx.arc(number.x, number.y, radius, start, end);
			ctx.setLineWidth(1);
			ctx.lineTo(number.x, number.y);
			ctx.setStrokeStyle('#fff');
			ctx.setFillStyle(termarr[i].color);
			ctx.fill();
			ctx.closePath();
			ctx.stroke();
		}
		ctx.draw()

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})